/**
 * 生成地图 以及柱形图
 * @param id div的id
 * @param theme 主题
 * @param data 数据
 */
function myMapChart(id,theme,data) {
    var companyName = [];
    //遍历获取所有市区名称用于柱形图的Y轴
    for (var i = 0 ; i<data.length;i++){
        companyName.push(data[i].name);
        sum.push(data[i].value);
    }
    //引入主题文件，没用的theme传空即可
    var myChart = echarts.init(document.getElementById(id),theme);
    //从lib中获取jiangxi地图的json，需要跟换别的地图只修改这里即可
    myChart.hideLoading();
    echarts.registerMap('江西', geoJson);
    myChart.setOption(option = {
        title:[
            //地图图标题 位置根据X Y调整
            {text:"各市分布数",x: '3%', y: '1%',textStyle:{fontSize:"14"}},
        ],
        tooltip: {
            //边距
            position: [10, 30],
            trigger: 'item',
            //这里是当鼠标停留时显示的小报表 使用div拼接的方式展示
            formatter:function(params, ticket, callback){
                return  '<div>地区：'+ params.data.name+'</div>==================================='+
                    '<div>' +
                    '<div style="float: left">' +
                    '系列一'+'<br/>'+
                    '统计1：'+params.data.seriesOneDataOne+'<br/>' +
                    '统计2：'+params.data.seriesOneDataTwo+'<br/>' +
                    '统计3：'+params.data.seriesOneDataThere+'<br/>' +
                    '统计4：'+params.data.seriesOneDataFour+'<br/>' +
                    '统计5：'+params.data.seriesOneDataFive+'<br/>' +
                    '</div>' +
                    '<div style="float: left;margin-left: 10px">' +
                    '| 系列二'+'<br/>'+
                    '| 统计1：'+params.data.seriesTwoDataOne+'<br/>' +
                    '| 统计2：'+params.data.seriesTwoDataTwo+'<br/>' +
                    '| 统计3：'+params.data.seriesTwoDataThere+'<br/>' +
                    '| 统计4：'+params.data.seriesTwoDataFour+'<br/>' +
                    '| 统计5：'+params.data.seriesTwoDataFive+'<br/>' +
                    '</div>' +
                    '<div style="float: left;margin-left: 10px">' +
                    '| 系列三'+'<br/>'+
                    '| 统计1：'+params.data.seriesThereDataOne+'<br/>' +
                    '| 统计2：'+params.data.seriesThereDataTwo+'<br/>' +
                    '| 统计3：'+params.data.seriesThereDataThere+'<br/>' +
                    '| 统计4：'+params.data.seriesThereDataFour+'<br/>' +
                    '| 统计5：'+params.data.seriesThereDataFive+'<br/>' +
                    '</div>' +
                    '</div>';
            }
        },
        //条形图的位置
        grid: [
            {x: '50%', y: '10%', width: '45%', height: '90%'},
        ],
        //左下角渐变数值的设置
        visualMap: {
            min: 800,
            max: 30000,
            left: 'left',
            top: 'bottom',
            text: ['高', '低'],
            calculable: true,
            inRange: {
                color: ['lightskyblue', 'yellow', 'orangered']
            },
            dimension: 0
        },
        //条形图x轴设置
        series: [
            //生成一个地图
            {
                name: '江西分布密度统计图',
                type: 'map',
                center: [120.3829492,27.3905723],
                mapType: 'jiangxi', // 自定义扩展图表类型
                itemStyle:{
                    normal:{label:{show:true}},
                    emphasis:{label:{show:true}}
                },
                //地图的数据
                data:data
            }
        ]
    });
}
//添加点击事件
var myChart = echarts.init(document.getElementById('main'));
myChart.on('click', function (params) {
    console.log(params);
    console.log(params.name);   //获取点击柱状图的第几个柱子 是从0开始的哦
});